<template>
	<view>
		<view class="head">
			<view class="top">
				<view class="arrow">
				</view>
				<view style="color: white; font-size: 48rpx;">附近门店</view>
			</view>
			<uni-card>
				<image src="/static/uni.png" style="width: 100%;"></image>
				<view style="text-align: left;">
					<view class="line1">大美汽车保养厂（解放路店）</view>
					<view style="display: flex;margin-top: 1vh;">
						<uni-rate :readonly="true" size="20" :value="4" />
						4分 <view style="margin-left: 5vw;">销量：556</view>
					</view>
					<view style="margin-top: 1vh;">营业时间：周一到周五 早上8:00-晚上22:00</view>
					<view>
						位置：山阳区人民路与解放路交叉口<image style="height: 2vh;width: 4vw;margin-left: 3vw;" src="/static/images/ys/carFix/plane.png"></image>
					</view>
				</view>
			</uni-card>
			<uni-card>
				<view style="text-align: left;">
					<view class="line1">服务项目</view>
					<view class="line2">
						<view class="lineleft">
							工时价格（每小时）
						</view>
						<view class="lineright">
							<text style="color: #FF4000; font-size: 35rpx; margin-right:2vw ;">￥35.9</text>
							<text style=" text-decoration-line: line-through;">￥60</text>
						</view>
					</view>
					<view style="border: 1rpx solid #F7F7F7;"></view>
					<view class="line2">
						<view class="lineleft">
							轮胎
						</view>
						<view class="lineright">
							<text style="color: #FF4000; font-size: 35rpx; margin-right:2vw ;">￥35.9</text>
							<text style=" text-decoration-line: line-through;">￥60</text>
						</view>
					</view>
					<view style="border: 1rpx solid #F7F7F7;"></view>
					<view class="line2">
						<view class="lineleft">
							.....
						</view>
						<view class="lineright">
							<text style="color: #FF4000; font-size: 35rpx; margin-right:2vw ;">￥35.9</text>
							<text style=" text-decoration-line: line-through;">￥60</text>
						</view>
					</view>
				</view>
			</uni-card>
			<uni-card>
				<view style="text-align: left;">
					<view class="line1">服务评价</view>
					<view class="pinglun">
						<view class="pinglunleft">
							<u--image shape="circle" width="22vw" height="12vh" src="/static/images/ys/carFix/touxiang.jpg"></u--image>
						</view>
						<view class="pinglunright">
							<view class="pinglun1">
								<view><u--text mode="name" text="黄俺是" format="encrypt"></u--text></view>
								<view>2022-12-31</view>
							</view>
							<view><uni-rate :readonly="true" size="15" :value="4" /></view>
							<view>洗的非常干净，几个小伙子很用心，态度也很好，强烈推荐来这家店洗车！</view>
						</view>
						<view style="border: 1rpx solid #F7F7F7;"></view>
					</view>
					<view class="pinglun">
						<view class="pinglunleft">
							<u--image shape="circle" width="22vw" height="12vh" src="/static/images/ys/carFix/touxiang.jpg"></u--image>
						</view>
						<view class="pinglunright">
							<view class="pinglun1">
								<view><u--text mode="name" text="黄俺是" format="encrypt"></u--text></view>
								<view>2022-12-31</view>
							</view>
							<view><uni-rate :readonly="true" size="15" :value="4" /></view>
							<view>洗的非常干净，几个小伙子很用心，态度也很好，强烈推荐来这家店洗车！</view>
						</view>
						<view style="border: 1rpx solid #F7F7F7;"></view>
					</view>
					<view class="pinglun">
						<view class="pinglunleft">
							<u--image shape="circle" width="22vw" height="12vh" src="/static/images/ys/carFix/touxiang.jpg"></u--image>
						</view>
						<view class="pinglunright">
							<view class="pinglun1">
								<view><u--text mode="name" text="黄俺是" format="encrypt"></u--text></view>
								<view>2022-12-31</view>
							</view>
							<view><uni-rate :readonly="true" size="15" :value="4" /></view>
							<view>洗的非常干净，几个小伙子很用心，态度也很好，强烈推荐来这家店洗车！</view>
						</view>
						<view style="border: 1rpx solid #F7F7F7;"></view>
					</view>
					<view class="pinglun">
						<view class="pinglunleft">
							<u--image shape="circle" width="22vw" height="12vh" src="/static/images/ys/carFix/touxiang.jpg"></u--image>
						</view>
						<view class="pinglunright">
							<view class="pinglun1">
								<view><u--text mode="name" text="黄俺是" format="encrypt"></u--text></view>
								<view>2022-12-31</view>
							</view>
							<view><uni-rate :readonly="true" size="15" :value="4" /></view>
							<view>洗的非常干净，几个小伙子很用心，态度也很好，强烈推荐来这家店洗车！</view>
						</view>
						<view style="border: 1rpx solid #F7F7F7;"></view>
					</view>
				</view>
			</uni-card>
			</view>
			<view class="bottom"><u-button shape="circle" customStyle="color:white;width:60vw;background-color: #0662E6;">立即预约</u-button></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.bottom{
		padding-top: 1vh;
		height: 8vh;
		box-sizing: border-box;
		position: fixed;
		background-color: white;
		bottom: 0vh;
		width: 100%;
	}
	.pinglunleft{
	}
	.pinglunright{
	}
	.pinglun{
		margin-top: 3vh;
		display: flex;
	}
	.pinglun1{
		width: 60vw;
		display: flex;
		justify-content: space-between;
	}
	.line2{
		display: flex;
		justify-content: space-between;
		line-height: 8vh;
	}
	.line1{
		margin-top: 2vh;
		font-size: 3vh;
		font-weight: 600;
	}
	.top {
		background-color: #2F81FA;
		width: 100%;
		height: 20%;
		position: fixed;
		position: relative;
		text-align: center;
		padding-top: 4%;
		box-sizing: border-box;
	}

	.arrow {
		height: 28rpx;
		width: 28rpx;
		border-top: 4rpx solid white;
		border-right: 4rpx solid white;
		transform: rotate(225deg);
		position: absolute;
		left: 3%;
	}

	.head {
		position: relative;
		text-align: center;
		height: 35vh;
		width: 100%;
		background-color: #2F81FA;
	}
</style>
